/** 全局sass变量和mixin，需要在rsbuild.config.ts下的pluginSass中引入 */

$theme-color: #4379ff;
$font-color: #fff;
$dialog-border-radius: 6px;

// 修改element-plus默认主题色
:root {
  --el-color-primary: #9e1ad2;
  --el-color-primary-dark-2: #9e1ad2;
  --el-color-primary-light-3: #9e1ad2;
}

// 背景图
@mixin bg($url) {
  background: url($url) center no-repeat;
  background-size: 100% 100%;
}

// 文本超出省略号
@mixin lines($line) {
  @if $line == 1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  } @else {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    /*将对象作为弹性伸缩盒子模型显示*/
    display: -webkit-box;
    /*设置子元素排列方式*/
    -webkit-box-orient: vertical;
    /*设置显示的行数，多出的部分会显示为...*/
    -webkit-line-clamp: $line;
  }
}

/* 外边距、内边距全局样式
------------------------------- */
@for $i from 1 through 35 {
  .mt-#{$i} {
    margin-top: #{$i}px !important;
  }
  .mr-#{$i} {
    margin-right: #{$i}px !important;
  }
  .mb-#{$i} {
    margin-bottom: #{$i}px !important;
  }
  .ml-#{$i} {
    margin-left: #{$i}px !important;
  }
  .pt-#{$i} {
    padding-top: #{$i}px !important;
  }
  .pr-#{$i} {
    padding-right: #{$i}px !important;
  }
  .pb-#{$i} {
    padding-bottom: #{$i}px !important;
  }
  .pl-#{$i} {
    padding-left: #{$i}px !important;
  }
}
